<div class="row bg-dark d-flex align-items-center" style="height: 57px;">
    <div class="col-lg-2">

    </div>
    <div class="col-lg-8 col-sm-12 d-flex align-content-center">
        <button class="rounded btn-warning ml-2 pl-lg-4 pr-lg-4" onclick="location.href='/'";>
            <i class="fas fa-home mr-1"></i>
            <strong class="d-none d-md-inline">
                ${siteName}
            </strong>
        </button>
        <form class="form-inline ml-2 float-left mr-2">
            <div class="input-group input-group-sm">
                <input id="input-search-content" class="form-control form-control-navbar" type="search" placeholder="搜索小说名、作者" aria-label="Search">
                <div class="input-group-append">
                    <button class="btn btn-navbar" onclick="onSearchButtonClick();return false;">
                        <i class="fas fa-search text-white"></i>
                    </button>
                </div>
            </div>
        </form>
        <div class="dropdown">
            <button class="btn btn-dark" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-bars mr-2" style="color: #C0C0C0;"></i>
                <strong class="d-none d-md-inline">菜单</strong>
            </button>
            <div class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item main-menu-item" href="/rankpage/zonghe/0">榜单</a>
                <a class="dropdown-item main-menu-item" href="/listbookcomment">评书</a>
                <a class="dropdown-item main-menu-item" href="/articlerepository">小说索引</a>
                <a class="dropdown-item main-menu-item" href="/authorrepository">作者索引</a>
                <a class="dropdown-item main-menu-item" href="/help" target="_blank">帮助</a>
            </div>
        </div>
        <ul class="navbar-nav ml-auto mr-2">
            <#if isLogin>
                <li class="nav-item dropdown">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-user text-white"></i>
                        <span class="badge badge-warning navbar-badge <#if (unread == 0)>d-none</#if>">${unread}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <div style="display: block;">
                            <#if isAdmin>
                                <a class="dropdown-item main-menu-item" href="/fictionlist" target="_blank">
                                    <i class="fa fa-street-view mr-2" aria-hidden="true"></i>后台
                                </a>
                            </#if>
                            <a href="/editbookcomment" class="dropdown-item">
                                <i class="fa fa-file mr-2" aria-hidden="true"></i>撰写书评
                            </a>
                            <a href="/usercenteraccount" class="dropdown-item">
                                <i class="fas fa-home mr-2" aria-hidden="true"></i>个人中心
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="javascript:void(0);" class="dropdown-item" onclick="logout();">
                                <i class="fas fa-sign-out-alt mr-2" aria-hidden="true"></i>登出
                            </a>
                        </div>
                    </div>
                </li>
            <#else>
                <button class="btn btn-outline-success" onclick="location.href='/login'"><i class="fa fa-user mr-lg-2"></i><span class="d-none d-md-inline">登录</span></button>
            </#if>
        </ul>
    </div>
    <div class="col-lg-2">

    </div>
</div>